<template>
	<view class="info content-20">
		<image class="logo" src="../static/logo.jpg" mode=""></image>
		<view class="title">联系我们</view>
		<view class="info-con rich-text">
			<!-- #ifndef H5 -->
			<rich-text :nodes="info.content.replace(/\<img/gi, '<img style=max-width:100%;height:auto; border-radius: 10upx')"></rich-text>
			<!-- #endif -->
			<!-- #ifdef H5 -->
			<rich-text :nodes="info.content"></rich-text>
			<!-- #endif -->
		</view>
	</view>
</template>

<script>
	import common from '../utils/common.js'
	import api from '../utils/api.js'
	export default {
		data() {
			return{
				info: {
				}
			}
		},
		
		onLoad() {
			this.getInfo()
		},
		
		methods: {
			getInfo() {
				api.getArtDetailsByCode({typeCode: common.dicCode.ljwm},(res) => {
					this.info = res
				}) 
			}
		}
	}
</script>

<style scoped lang="scss">
	.title{
		margin-bottom: 40upx;
		margin-top: 40upx;
	}
	.logo{
		width: 300upx;
		height: 300upx;
		margin: 0 auto;
		display: block;
		border-radius: 10upx;
	}
	.rich-text{
		font-size: $font-size-28;
		color: #333333;
		line-height: 46upx;
		text-align: justify;
	}
	.info-info{
		@include flex-base;
		justify-content: space-between;
		margin: 28upx 0 50upx 0 ;
	}
	
</style>
